<div id="createpo_table_container" style="display: none;">
	<div id="rightside" class="full_size">
    
        	<header><h2>Create Purchase Order</h2></header>
            <div class="group" id="createDiv">
            	<div class="lblDiv">Order Number:</div>
                <div class="cntrlDiv" id="po_genponum"></div>
                <div class="lblDiv">Requested By:</div>
                <div class="cntrlDiv"><input type="text" name="" id="po_reqby" /></div>
                <div class="lblDiv">Order Date:</div>
                <div class="cntrlDiv"><span id="po_createdate"></span></div>
                <div class="lblDiv">Prepared By:</div>
                <div class="cntrlDiv"><input type="text" name="" id="po_preparedby" /></div>
                <div class="lblDiv">Order Name:</div>
                <div class="cntrlDiv"><input type="text" name="" id="po_ordertitle" /></div>
            </div>
       
        	<header><h2>Supplier</h2></header>
            <div class="group" id="createDiv">
            	<div class="lblDiv">Choose a Supplier:</div>
                <div class="cntrlDiv">
                	<select
					id="supplierDropDown" size="1" style="font-size: 10pt;" onchange="javascript:onchange_suppselect(this);">
					<option value="">Select A Supplier</option>
					</select>
                </div>
                <div class="lblDiv">Supplier Location:</div>
                <div class="cntrlDiv">
                	<select
					id="supplierlocDropDown" size="1" style="font-size: 10pt;">
					<option value="">Select Supplier Location</option>
				</select>
                </div>
                <div class="fullDiv"><a href="javascript:void(0);" onclick="alert('Search from Preferred Suppliers');">Search Supplier</a></div>
                <div class="lblDiv">Payment Terms:</div>
                <div class="cntrlDiv">
                	<select  id="po_pmtTermsDropDown" size="1" style="font-size: 10pt;">
                		<option value="">Select Payment Term</option>
                	</select>
                </div>
                <div class="lblDiv">Custom Field 1:</div>
                <div class="cntrlDiv"><input type="text" name="" id="po_cf1" /></div>
                <div class="lblDiv">Custom Field 2:</div>
                <div class="cntrlDiv"><input type="text" name="" id="po_cf3" /></div>
                <div class="lblDiv">Custom Field 3:</div>
                <div class="cntrlDiv"><input type="text" name="" id="po_cf3" /></div>
                <div class="fullDiv">Is this a Purchase Order for <a href="javascript:void(0);" onclick="alert('Tell more about Types of Purchase Orders. Good/Services');">goods</a>? <input type="radio" onclick='javascript:togglePOType(this);' id="po_type_goods" name="po_type_rdo" value="Goods">Yes
                <input type="radio" onclick='javascript:togglePOType(this);' id="po_type_service" name="po_type_rdo" value="Service" Checked="checked">No</div>
                <div class="lblDiv">Billing Address:</div>
                <div class="cntrlDiv">
                	<select
						id="poBillingAddressDropDown" size="1" style="font-size: 10pt;">
						<option value="">Select Billing Address</option>
					</select>
                </div>
                <div class="lblDiv">Shipping Address:</div>
                <div class="cntrlDiv">
                	<select
						id="poShippingAddressDropDown" size="1" style="font-size: 10pt;">
						<option value="">Select Shipping Address</option>
					</select>
                </div>
                <div class="halfDiv">
                	<div class="lblDiv">Delivery<br/>Information:</div>
                    <div class="cntrlTextarea"><textarea name="" id="podeliveryinfo"></textarea></div>
                </div>
                <div class="halfDiv">
                	<div class="lblDiv">Delivery Contact:</div>
                    <div class="cntrlDiv"><input type="text" name="" id="po_deliverycontact" /></div>
                    <div class="lblDiv">Phone:</div>
                    <div class="cntrlDiv"><input type="text" name="" id="po_deliveryphone" /></div>
                    <div class="lblDiv">Email:</div>
                    <div class="cntrlDiv"><input type="text" name="" id="po_deliveryemail" /></div>
                </div>
            </div>
    
      		<div id="lineItem_Table1_PlaceHolder1"></div>
      		<div  id="lineItem_Table_comp">
        	<header><h2>Line Details</h2></header>
        	<div id="lineItem_Table1"></div>
            <div class="group" id="createDiv">
            	<div class="fullDiv"></div>
                <div class="fullDiv" id="po_amt_div">Total Amount:<span id="po_totalamt">0</span>&nbsp;USD</div>
                <div class="btnDiv"><input type="submit" name="" id="" onclick="create_line_item_table();populate_line_item_table();" value="Add Line"> 
                <input type="submit" name="" id="deleteSelectedLineItem();" value="Delete Line"></div>
            </div>
        	</div>
       
        	<header><h2>Add Comments and Attachment</h2></header>
            <div class="group" id="createDiv">
            	<div class="lblDiv">Add Comment:</div>
                	<div id="commentComponetPlaceHolder1"></div>
                	<table width="100%" style="border:0" id="commentsComponent">
						<tbody>	<tr valign="top">
							<td style="border:0;"><a href="javascript:void(0);" onclick="javascript:add_pocomment();">Add Comment</a></td>
							<td style="border: 0;">&nbsp;&nbsp;<textarea rows="2" cols="40" id="pocommenttextarea"></textarea>&nbsp;
							<input type="hidden" id="target_comp_comment"></input>
							<input type="hidden" id="target_comp_comment_id"></input></td>
							
						</tr>
						<tr>
							<td colspan="3" style="border: 0;">
							<div id="commentResponsePlaceHolder">
								<table id="pocommentst_table" style="border:0">
									<tbody id="pocomments_tbody">
										<tr id="pocomments_pattern" style="display:none;">
											<td style="border: 0;"><input type="checkbox" checked="checked" id="pocomment_check"> &nbsp;<span id="pocomment_text"></span></td>
										</tr>
									</tbody>
								</table>
							</div></td>
						</tr>
					</tbody>
					</table>
               
                
               <div id="attachmentComponetPlaceHolder1"></div> 
               <table width="100%" style="border:0" id="attachmentComponent">
					<tbody>
					<tr valign="top">
						
						<td style="border: 0;" valign="top"><label>Attachment (if any):&nbsp;&nbsp;</label>
						<input type="hidden" id="target_comp_attachment"></input>
						<input type="hidden" id="target_comp_attachment_id"></input></td>
						<td style="border: 0;" valign="top">&nbsp;&nbsp;
				<form enctype="multipart/form-data" method="post" id="addForm">
				<div id="po_file"  style="position:relative;margin-top: -5%;"><input type="hidden"
					name="poNumberForAttachment" id="poNumberForAttachment" /> <input
					type="file" name="uploadFile" id="uploadFile" onchange="uploadAttachment();" /></div>
				</form>
				
				<div id="attachmentResponsePlaceHolder">
				<table id="poattachments_table" style="border:0">
								<tbody id="poattachments_tbody">
									<tr id="poattachments_pattern" style="display:none;">
										<td style="border: 0;"><input type="checkbox" checked="checked" id="poattachments_check"> &nbsp;<a id="poattachments_link"></a><input type="hidden" id="poaattach_id"></td>
									</tr>
								</tbody>
							</table>
				</div></td><td valign="top" style="border:0;">&nbsp;</td>
					</tr>
					<tr>
						<td style="border: 0;" colspan="2">&nbsp;</td>
					</tr>
				</tbody>
				</table>
                
                
            	<div class="btnDiv"><input type="submit" name="" id="" value="Submit Purchase Order"> <input type="submit" name="" id="" value="Reset and Star Again"></div>
            </div>
       
    </div>
    </div>